/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* */

.clearboth {
    clear:both;
}
caption {
    text-align: left;
}
th {
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}
td {
    vertical-align: top;
}
fieldset {
    border: 0;
}
input {
    margin: -1px 0;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
.ml_10 {
    margin-left: 10px;
}
.mr_10 {
    margin-right: 10px;
}
.mt_10 {
    margin-top: 10px;
}
.mb_10 {
    margin-bottom: 10px;
}
.ml_20 {
    margin-left: 20px;
}
.mr_20 {
    margin-right: 20px;
}
.mt_20 {
    margin-top: 20px;
}
.mb_20 {
    margin-bottom: 20px;
}
.ml_30 {
    margin-left: 30px;
}
.mr_30 {
    margin-right: 30px;
}
.mt_30 {
    margin-top: 30px;
}
.mb_30 {
    margin-bottom: 30px;
}
.pl_10 {
    padding-left: 10px;
}
.pr_10 {
    padding-right: 10px;
}
.pt_10 {
    padding-top: 10px;
}
.pb_10 {
    padding-bottom: 10px;
}
.pl_20 {
    padding-left: 20px;
}
.pr_20 {
    padding-right: 20px;
}
.pt_20 {
    padding-top: 20px;
}
.pb_20 {
    padding-bottom: 20px;
}
.pl_30 {
    padding-left: 30px;
}
.pr_30 {
    padding-right: 30px;
}
.pt_30 {
    padding-top: 30px;
}
.pb_30 {
    padding-bottom: 30px;
}
.w90 {
    width: 90%;
}
.w70 {
    width: 70%;
}
.w50 {
    width: 50%;
}
.w20 {
    width: 20%;
}
.w15 {
    width: 15%;
}
.w13 {
    width: 13%;
}
.w10 {
    width: 10%;
}
.h90 {
    height: 90%;
}
.h70 {
    height: 70%;
}
.h50 {
    height: 50%;
}
.h20 {
    height: 20%;
}
.h15 {
    height: 15%;
}
.h10 {
    height: 10%;
}

/* base */

body {
    color: #333;
    text-align: center;
    font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    font-size:17px;
}
#top {
    background: url(../image/common/bg_top.jpg) repeat-x;
}
#sub {
    background: url(../image/common/bg.jpg) repeat;
}

/* a-tag link */

a {
    overflow:hidden;
}
a:link {
    color: #007979;
    text-decoration: underline;
}
a:visited {
    color: #666;
}
a:hover {
    color: #ff9900;
    text-decoration: underline;
}
a:active {
    color: #820021;
    text-decoration: none;
}

/* image */

img {
    border: none;
}
a:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


/* contents */

.clear {
    clear: both;
}
.clear_t25 {
    clear: both;
    padding-top: 25px;
}
.big {
    font-size: 120%;
    clear: both;
    line-height: 120%;
    font-weight: bold;
}
.small{
    font-size: 65%;
    vertical-align: middle;
}
.pt_40 {
    padding-top: 40px;
}
.pt_60 {
    padding-top: 60px;
}